.list-item {
  background-color: white;
  margin-top: 10px;
  width: 100%;
  display: flex;
  flex-direction: column;
  min-height: 60px;
  padding: 6px 8px;


  .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 30px;

    .left {
      .title {
        color: #0095f6;
      }
    }
    .right {
      display: flex;
      .isPublish {
        border: 1px solid #bdbebe;
        border-radius: 5px;
        color: #bdbebe;
        padding: 2px 5px;
        font-size: 14px;
        font-weight: 800;
      }
      .published {
        border-color: #0095f6;
        color: #0095f6;
      }


      div {
        margin-left: 10px;
      }

    }
  }

  .bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 30px;

    .left {
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-size: 14px;

      .edit {
      }
      .data {
      }

    }

    .right {
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-size: 14px;
      div {
        color: #a19d9d;
      }
    }
  }
}


